Countinues Rotating Image

  • STEPS

    1. html

    
                     
                      <div class="spinner">
          <img class="image" src="http://i.stack.imgur.com/pC1Tv.jpg" alt="" width="120" height="120">
        </div>
    
    
                    

    2. css

    
    
    
                   
    
    .spinner .image {
       
        width: 120px;
        height: 120px;   
        -webkit-animation:spin 4s linear infinite;
        -moz-animation:spin 4s linear infinite;
        animation:spin 4s linear infinite;
    }
    @-moz-keyframes spin { 
        100% { -moz-transform: rotateY(180deg); } 
    }
    @-webkit-keyframes spin { 
        100% { -webkit-transform: rotateY(180deg); } 
    }
    @keyframes  spin { 
        100% { 
            -webkit-transform: rotateY(360deg); 
            transform:rotateY(360deg); 
        } 
    }